<!-- Content -->
<div id="content">

    <!-- Content wrapper -->
    <div class="wrapper">

        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="#">Inicio</a></li>
                <li class="active"><a href="#" title="">VARIABLE</a></li>
            </ul>
        </div>
        <!-- /breadcrumbs line -->

        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5> PAGINA DE ALTA DE VACANTE UNITARIA</h5>
                <span>Subtitulo pagina de inicio</span>
            </div>
        </div>
        <!-- /page header -->

        <!-- Default wizard -->
        <div class="widget">
            <div class="navbar">
                <div class="navbar-inner">
                    <h6>Formato de requisición de personal</h6>
                    <div class="nav pull-right">
                        <a href="#" class="dropdown-toggle navbar-icon" data-toggle="dropdown"><i class="icon-cog"></i></a>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="#"><i class="icon-plus"></i>Add new option</a></li>
                            <li><a href="#"><i class="icon-reorder"></i>View statement</a></li>
                            <li><a href="#"><i class="icon-cogs"></i>Parameters</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <form id="wizard1" method="post" action="#" class="form-horizontal row-fluid well">
                <fieldset class="step" id="step1">
                    <div class="step-title">
                        <i>1</i>
                        <h5>Información del puesto</h5>
                        <span>Información básica del puesto</span>
                    </div>
                    <div>
                        <div class="control-group">
                            <label class="control-label">Cliente:</label>
                            <div class="controls">
                                <select id="clear-results-cliente" tabindex="2">
                                    <option value=""></option> 
                                    <option value="Cambodia">Cambodia</option> 
                                    <option value="Cameroon">Cameroon</option> 
                                    <option value="Canada">Canada</option> 
                                    <option value="Cape Verde">Cape Verde</option> 
                                    <option value="Cayman Islands">Cayman Islands</option> 
                                    <option value="Central African Republic">Central African Republic</option> 
                                    <option value="Chad">Chad</option> 
                                    <option value="Chile">Chile</option> 
                                    <option value="China">China</option> 
                                    <option value="Christmas Island">Christmas Island</option> 
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                    <option value="Colombia">Colombia</option> 
                                    <option value="Comoros">Comoros</option> 
                                    <option value="Congo">Congo</option> 
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                </select>
                            </div>             
                        </div>
                        <div class="control-group">
                            <label class="control-label">Empresa:</label>
                            <div class="controls">
                                <select id="clear-results-empresa" tabindex="2">
                                    <option value=""></option> 
                                    <option value="Cambodia">Cambodia</option> 
                                    <option value="Cameroon">Cameroon</option> 
                                    <option value="Canada">Canada</option> 
                                    <option value="Cape Verde">Cape Verde</option> 
                                    <option value="Cayman Islands">Cayman Islands</option> 
                                    <option value="Central African Republic">Central African Republic</option> 
                                    <option value="Chad">Chad</option> 
                                    <option value="Chile">Chile</option> 
                                    <option value="China">China</option> 
                                    <option value="Christmas Island">Christmas Island</option> 
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                    <option value="Colombia">Colombia</option> 
                                    <option value="Comoros">Comoros</option> 
                                    <option value="Congo">Congo</option> 
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                </select>
                            </div>             
                        </div>
                        <div class="control-group">
                            <label class="control-label">Unidad de Negocio:</label>
                            <div class="controls">
                                <select id="clear-results-unidad-negocio" tabindex="2">
                                    <option value=""></option> 
                                    <option value="Cambodia">Cambodia</option> 
                                    <option value="Cameroon">Cameroon</option> 
                                    <option value="Canada">Canada</option> 
                                    <option value="Cape Verde">Cape Verde</option> 
                                    <option value="Cayman Islands">Cayman Islands</option> 
                                    <option value="Central African Republic">Central African Republic</option> 
                                    <option value="Chad">Chad</option> 
                                    <option value="Chile">Chile</option> 
                                    <option value="China">China</option> 
                                    <option value="Christmas Island">Christmas Island</option> 
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                    <option value="Colombia">Colombia</option> 
                                    <option value="Comoros">Comoros</option> 
                                    <option value="Congo">Congo</option> 
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                </select>
                            </div>             
                        </div>
                        <div class="control-group">
                            <label class="control-label">Región:</label>
                            <div class="controls">
                                <select  id="clear-results-region" tabindex="2">
                                    <option value=""></option> 
                                    <option value="Cambodia">Cambodia</option> 
                                    <option value="Cameroon">Cameroon</option> 
                                    <option value="Canada">Canada</option> 
                                    <option value="Cape Verde">Cape Verde</option> 
                                    <option value="Cayman Islands">Cayman Islands</option> 
                                    <option value="Central African Republic">Central African Republic</option> 
                                    <option value="Chad">Chad</option> 
                                    <option value="Chile">Chile</option> 
                                    <option value="China">China</option> 
                                    <option value="Christmas Island">Christmas Island</option> 
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                    <option value="Colombia">Colombia</option> 
                                    <option value="Comoros">Comoros</option> 
                                    <option value="Congo">Congo</option> 
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                </select>
                            </div>             
                        </div>
                        <div class="control-group">
                            <label class="control-label">Localidad:</label>
                            <div class="controls">
                                <select id="clear-results" tabindex="2">
                                    <option value=""></option> 
                                    <option value="Cambodia">Cambodia</option> 
                                    <option value="Cameroon">Cameroon</option> 
                                    <option value="Canada">Canada</option> 
                                    <option value="Cape Verde">Cape Verde</option> 
                                    <option value="Cayman Islands">Cayman Islands</option> 
                                    <option value="Central African Republic">Central African Republic</option> 
                                    <option value="Chad">Chad</option> 
                                    <option value="Chile">Chile</option> 
                                    <option value="China">China</option> 
                                    <option value="Christmas Island">Christmas Island</option> 
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                    <option value="Colombia">Colombia</option> 
                                    <option value="Comoros">Comoros</option> 
                                    <option value="Congo">Congo</option> 
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                </select>
                            </div>             
                        </div>
                        <div class="control-group">
                            <label class="control-label">Dias a laborar: </label>
                            <div class="controls">
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Lunes
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Martes
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Miercoles
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Jueves
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Viernes
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Sabado
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Domingo
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" id="inlineCheckbox1" class="styled" value="option1" >
                                    Variable
                                </label>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Horario:</label>
                            <div class="controls"><input type="text" name="v_horario" class="span6" /></div>
                        </div>

                    </div>
                </fieldset>
                <fieldset id="step2" class="step">
                    <div class="step-title">
                        <i>2</i>
                        <h5>Perfil del puesto</h5>
                        <span>Aenean sem dui, semper sit </span>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Area:</label>
                        <div class="controls"><input type="text" class="span5" name="a_area" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Puesto:</label>
                        <div class="controls"><input type="text" class="span5" name="a_puesto" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Fecha:</label>
                        <div class="controls"><input type="text" class="datepicker_mysql span5" name="a_fecha_requisicion"/></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Numero de plazas:</label>
                        <div class="controls"><input type="number" class="span5" name="a_numero_plazas" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Causa de la vacante:</label>
                        <div class="controls">
                            <select id="clear-results-causa-vacante" tabindex="2">
                                <option value=""></option> 
                                <option value="Cambodia">Cambodia</option> 
                                <option value="Cameroon">Cameroon</option> 
                                <option value="Canada">Canada</option> 
                                <option value="Cape Verde">Cape Verde</option> 
                                <option value="Cayman Islands">Cayman Islands</option> 
                                <option value="Central African Republic">Central African Republic</option> 
                                <option value="Chad">Chad</option> 
                                <option value="Chile">Chile</option> 
                                <option value="China">China</option> 
                                <option value="Christmas Island">Christmas Island</option> 
                                <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                <option value="Colombia">Colombia</option> 
                                <option value="Comoros">Comoros</option> 
                                <option value="Congo">Congo</option> 
                                <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                            </select>
                        </div> 
                    </div>
                    <div class="control-group">
                        <label class="control-label">Tiempo de contrato:</label>
                        <div class="controls">
                            <select id="clear-results-tiempo-vacante" tabindex="2">
                                <option value=""></option> 
                                <option value="Cambodia">Cambodia</option> 
                                <option value="Cameroon">Cameroon</option> 
                                <option value="Canada">Canada</option> 
                                <option value="Cape Verde">Cape Verde</option> 
                                <option value="Cayman Islands">Cayman Islands</option> 
                                <option value="Central African Republic">Central African Republic</option> 
                                <option value="Chad">Chad</option> 
                                <option value="Chile">Chile</option> 
                                <option value="China">China</option> 
                                <option value="Christmas Island">Christmas Island</option> 
                                <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                <option value="Colombia">Colombia</option> 
                                <option value="Comoros">Comoros</option> 
                                <option value="Congo">Congo</option> 
                                <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                            </select>
                        </div> 
                    </div>                   
                    <div class="control-group">
                        <label class="control-label">Seleccione genero:</label>
                        <div class="controls">
                            <select id="clear-results-genero" tabindex="2" name="a_genero_id">
                                <option value=""></option> 
                                <option value="Cambodia">Cambodia</option> 
                                <option value="Cameroon">Cameroon</option> 
                            </select>
                        </div> 
                    </div>
                    <div class="control-group">
                        <label class="control-label">Talla:</label>
                        <div class="controls"><input type="number" class="span3" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Idioma:</label>
                        <div class="controls"><input type="text" class="span3" name="a_idioma" /></div>
                    </div>                    <div class="control-group">
                        <label class="control-label">Edad:</label>
                        <div class="controls"><input type="text" class="span3" name="a_edad" /></div>
                    </div>                    <div class="control-group">
                        <label class="control-label">Estado Civil:</label>
                        <div class="controls">
                            <select id="clear-results-edo-civil" tabindex="2" name="ec_edo_civil_id">
                                <option value=""></option> 
                                <option value="Cambodia">Cambodia</option> 
                                <option value="Cameroon">Cameroon</option> 
                            </select>
                        </div> 
                    </div>                    
                    <div class="control-group">
                        <label class="control-label">Nivel de Estudios:</label>
                        <div class="controls">
                            <select id="clear-results-nivel-estudios" tabindex="2" name="n_nivel_id">
                                <option value=""></option> 
                                <option value="Cambodia">Cambodia</option> 
                                <option value="Cameroon">Cameroon</option> 
                            </select>
                        </div> 
                    </div>                    
                    <div class="control-group">
                        <label class="control-label">Especificaciones físicas:</label>
                        <div class="controls"><textarea rows="10" cols="5" name="a_especificacion_fisica" class="auto span12"></textarea>
                        </div>
                    </div>                  
                    <div class="control-group">
                        <label class="control-label">Experiencia requerida:</label>
                        <div class="controls"><input name="a_experiencia_req" type="text" id="tags2" class="tags" value="these,are,sample,tags" /></div>
                    </div>                      
                    <div class="control-group">
                        <label class="control-label">Tiempo de experiencia:</label>
                        <div class="controls"><input name="a_tiempo_experiencia" type="text" class="span5" /></div>
                    </div>                    
                    <div class="control-group">
                        <label class="control-label">Conocimientos:</label>
                        <div class="controls"><input name="a_conocimientos" type="text" id="tags2" class="tags" value="these,are,sample,tags" /></div>
                    </div>                    
                    <div class="control-group">
                        <label class="control-label">Habilidades:</label>
                        <div class="controls"><input name="a_habilidades" type="text" id="tags2" class="tags" value="these,are,sample,tags" /></div>
                    </div>                     
                    <div class="control-group">
                        <label class="control-label">Actividades a realizar:</label>
                        <div class="controls"><textarea rows="10" cols="5" name="a_actividades" class="auto span12"></textarea>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Herramientas de trabajo:</label>
                        <div class="controls"><input name="a_herramientas_trabajo" type="text" id="tags2" class="tags" value="these,are,sample,tags" /></div>
                    </div>
                </fieldset>
                <fieldset id="step3" class="step">
                    <div class="step-title">
                        <i>3</i>
                        <h5>Detalles de la oferta</h5>
                        <span>Aenean sem dui, semper sit </span>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Sueldo:</label>
                        <div class="controls"><input name="a_sueldo" type="number" class="span5" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Comisiones, bonos, incentivos:</label>
                        <div class="controls"><input name="a_comision_bono_incentivo" type="number" class="span5" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Importe:</label>
                        <div class="controls"><input name="a_importe" type="number" class="span5" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Ayuda de transporte:</label>
                        <div class="controls"><input name="a_ayuda_transporte" type="number" class="span5" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Sueldo:</label>
                        <div class="controls"><input name="a_sueldo" type="number" class="span5" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Prestaciones de ley:</label>
                        <div class="controls">
                            <select id="clear-results-prestaciones-ley" tabindex="2" name="a_prestaciones_ley">
                                <option value=""></option> 
                                <option value="Cambodia">Si</option> 
                                <option value="Cameroon">No</option> 
                            </select>
                        </div> 
                    </div>
                    <div class="control-group">
                        <label class="control-label">Paquetería:</label>
                        <div class="controls"><input name="a_paqueteria" type="text" id="tags2" class="tags" value="these,are,sample,tags" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Estatura:</label>
                         <div class="controls"><input name="a_estatura" type="number" class="span5" /></div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Peso:</label>
                         <div class="controls"><input name="a_peso" type="number" class="span5" /></div>
                    </div>
                </fieldset>
                <div class="form-actions align-right">
                    <input class="btn" id="back-1" value="Back" type="reset" />
                    <input type="submit" class="btn btn-danger" id="next-1" value="Next">
                </div>
            </form>
        </div>
        <!-- /default wizard -->


    </div>
    <!-- /content wrapper -->

</div>
<!-- /content -->
<script>
    $("#clear-results-cliente").select2({
        placeholder: "Seleccione un cliente",
        allowClear: true
    });
    $("#clear-results-empresa").select2({
        placeholder: "Seleccione una empresa",
        allowClear: true
    });
    $("#clear-results-unidad-negocio").select2({
        placeholder: "Seleccione una unidad",
        allowClear: true
    });
    $("#clear-results-region").select2({
        placeholder: "Seleccione una región",
        allowClear: true
    });
    $("#clear-results-localidad").select2({
        placeholder: "Seleccione una localidad",
        allowClear: true
    });
    $("#clear-results-causa-vacante").select2({
        placeholder: "Seleccione una causa",
        allowClear: true
    });
    $("#clear-results-tiempo-vacante").select2({
        placeholder: "Seleccione un tiempo",
        allowClear: true
    });
    $("#clear-results-genero").select2({
        placeholder: "Seleccione un genero",
        allowClear: true
    });
    $("#clear-results-edo-civil").select2({
        placeholder: "Seleccione un estado civil",
        allowClear: true
    });
    $("#clear-results-nivel-estudios").select2({
        placeholder: "Seleccione un nivel",
        allowClear: true
    });
        $("#clear-results-prestaciones-ley").select2({
        placeholder: "Seleccione un valor",
        allowClear: true
    });

    $(".datepicker_mysql").datepicker({
        defaultDate: +7,
        showOtherMonths: true,
        autoSize: true,
        appendText: '(dd-mm-yyyy)',
        dateFormat: 'yyyy-mm-dd'
    });
</script>